{include file="../application/common/view/public/html.html" /}
<title>{php}echo config('site_title_name.site_home_title_name'){/php} - {php}echo config('site_menu_name.chat_room'){/php}</title>
{include file="../application/common/view/public/html_header.html" /}
{include file="../application/common/view/public/html_header_icon.html" /}
<section class="awe-section">
    <div class="container">

        <!-- page-title -->
        <div class="page-title pb-40">
            <h2 class="page-title__title">
                {php}echo config('site_des.site_chat_room_title'){/php}
            </h2>
            <div class="page-title__divider"></div>
        </div><!-- End / page-title -->

    </div>
</section>
<section class="awe-section bg-gray" style="padding-top: 2em;padding-bottom: 2em">
    <div class="container">
        {:token()}
        <input type="text" name="chat_last_id" value="{$chat_last_id}" style="display: none;">
        <div class="form-item" style="margin-bottom: 15px;">
            <input class="form-control" type="text" name="chat_content" placeholder="{php}echo config('site_input_des.chat_room_input_title'){/php}" autofocus="autofocus">
        </div>

        <div class="form-item" style="margin-bottom: 15px;">
            <button id="input_chat_room_button" class="md-btn md-btn--primary md-btn--lg">
                {php}echo config('site_input_name.chat_room_send'){/php}
            </button>
        </div>

        <div id="chat_list">
            {volist name="chat_list" id="v"}
            <div class="grid-css grid-css--masonry" data-col-lg="1" data-col-md="1" data-col-sm="1" data-col-xs="1" data-gap="30">
                <div class="grid__inner">
                    <div class="grid-sizer"></div>

                    <div class="grid-item animated flipInX">
                        <div class="grid-item__inner">
                            <div class="grid-item__content-wrapper">

                                <!-- post -->
                                <div class="post">
                                    <div class="post__body" style="padding-top: 10px;padding-bottom: 10px;">
                                        <div class="post__meta">
                                            <span class="date">
                                                <a href="#">{$v.user_id.name}</a>
                                            </span>
                                            <br>
                                            <span class="date">
                                                {$v.create_time}
                                            </span>
                                        </div>
                                        <h2 class="post__title">
                                            {$v.chat_content}
                                        </h2>
                                        <p class="post__text" style="margin-bottom: 0;">
                                            {$v.ip}
                                        </p>
                                    </div>
                                </div><!-- End / post -->

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
    </div>
</section>
<!-- End / Section -->
{include file="../application/common/view/public/html_footer.html" /}